<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Catatan Si Boy for high end mobiles,like samsung nokia mobile website templates for free | Home :: w3layouts</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<!-- header -->
	<div class="banner">
  	    <div class="container">
			<div class="logo">
				<a href="index.html"><img src="./images/logo.png" class="img-responsive" alt="" /></a>
			</div>
		</div> 
			<div class="header-bottom">
				<div class="container">
					<div class="menu">
							<span onclick="location.href='#menu'" class="menu">Menu</span>  
						</div>
				</div>
			</div>
	</div>
<!-- header -->
<!-- content -->
	<div class="container">
		<div class="content">
			<a href="single.html"><img src="./images/img2.jpg" class="img-responsive" alt="" /></a>
			<i class="aeroplane"> </i>
				<div class="travelling">
					<div class="col-md-10 travelling1">
						<h1><a href="single.html">Traveling to Cilacap Kota Cahaya</a></h1>
						<h5>by <a href="#">Samidi ,</a> 27 July 2013 ,<a href="#">Traveling</a></h5>
					</div>
					<div class="col-md-1 travelling2">
						<h3>2</h3>
						<a href="#">comments</a>
					</div>
						<div class="clear"> </div>
							<p><span>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh aliquet. </span> Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. </p> 
							<p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum.</p> 
							<div class="comments">
										<h2>2 Comments</h2>
										<p>Reply Comment</p>
									<div class="col-md-6 contact">
										<form>
											<input type="text" class="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
											<input type="text" class="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email ';}">
											<textarea cols="10" rows="5"  value="comment" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'comment';}">Comment</textarea>
												<div class="button">
													<input type="submit" value="submit">
												</div>
										</form>
									</div>
								<div class="clear"> </div>
							</div>
			</div>
			<div class="catagerious">
					<div class="col-md-4 catagerious1">
						<div class="catagerious-left">
							<img src="./images/image3.jpg" class="img-responsive" alt="" />
						</div>
						<div class="catagerious-right">
							<h4><a href="#">Andi Mala</a></h4>
							<p>26 July</p>
						</div>
							<div class="clear"> </div>
					</div>
					<div class="col-md-7 catagerious2">
						<h4>Lorem Ipsum dolor Sit Amet!!! Wow</h4>
						<h6><a href="#">Reply</a></h6>
					</div>
					<div class="clear"> </div>
			</div>
			<div class="catagerious-part">
					<div class="col-md-4 catagerious-bottom">
						<div class="catagerious-left1">
							<img src="./images/row2.jpg" class="img-responsive" alt="" />
						</div>
						<div class="catagerious-right1">
							<h4><a href="#">Parjo</a></h4>
							<p>26 July</p>
						</div>
							<div class="clear"> </div>
					</div>
					<div class="col-md-7 catagerious-bottom1">
						<h4>Lorem Ipsum dolor Sit Amet!!! Wow</h4>
						<h6><a href="#">Reply</a></h6>
					</div>
					<div class="clear"> </div>
			</div>
		</div>	
	</div>
<!-- content -->
<!--top-links-->
	<div class="head-nav" id="menu" >
					<ul>
						<li class="active"><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="index.html">Categories</a></li>
							<div class="clear"> </div>
					</ul>
	</div>
		<div class="clear"></div>
    <!--top-links-->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
			<div class="social">
				<ul>
					<li><a href="#"><img src="./images/fb.png" alt="" /></li></a>
					<li><a href="#"><img src="./images/twt.png" alt="" /></li></a>
						<div class="clear"></div>
				</ul>
			</div>
		</div>
	</div>
<!-- footer -->
</body>
</html>